<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/index.min.css" />
    <link
      rel="stylesheet"
      href="http://at.alicdn.com/t/font_1986535_90zthmxcdmd.css"
    />
    <script src="js/jquery.min.js"></script>
  </head>
  <body>
    <header>
      <div class="adv">
        <a href="">
          <div>
            <img
              src="http://img12.360buyimg.com/babel/jfs/t1/111516/10/13652/52961/5f22ac29E56aa8032/c8335abdcf61d340.jpg!q70.jpg.webp"
              alt=""
            />
          </div>
        </a>
        <div class="iconfont icon-icon-cross-squre close"></div>
      </div>
      <nav>
        <div class="nav">
          <div>
            <div class="iconfont icon-dingwei" style="color: red;"></div>
            <a href="">四川</a>
          </div>
          <ul>
            <li><a href="#" class="log-on">你好，请登录</a></li>
            <li><a href="#" class="log-name">免费注册</a></li>
            <li><a href="">我的订单</a></li>
            <li>
              <a href="#" class="myjd-nav"
                >我的京东
                <div
                  class="iconfont icon-jiantou9"
                  style="font-size: 12px;"
                ></div
              ></a>
              <div class="two-nav">
                <table>
                  <tr>
                    <td>待处理订单</td>
                    <td>消息</td>
                  </tr>
                  <tr>
                    <td>返修退换</td>
                    <td>我的问题</td>
                  </tr>
                  <tr>
                    <td>降价商品</td>
                    <td>我的关注</td>
                  </tr>
                </table>
                <hr>
                <table>
                  <tr>
                    <td>我的京豆</td>
                    <td>我的优惠券</td>
                  </tr>
                  <tr>
                    <td>我的白条</td>
                    <td>我的理财</td>
                  </tr>
                </table> 
              </div>
            </li>
            <li><a >京东会员</a></li>
            <li class="findSomething">
              <a href=""
                >企业采购
                <div
                  class="iconfont icon-jiantou9"
                  style="font-size: 12px;"
                ></div
              ></a>
              <div class="comm-shop hide" >
                <div class="tit"></div>
                <div class="item"></div>
              </div>
            </li>
            <li>
              <a href=""
                >客户服务
                <div
                  class="iconfont icon-jiantou9"
                  style="font-size: 12px;"
                ></div
              ></a>
            </li>
            <li>
              <a href=""
                >网站导航
                <div
                  class="iconfont icon-jiantou9"
                  style="font-size: 12px;"
                ></div
              ></a>
            </li>
            <li><a href="">手机京东</a></li>
          </ul>
        </div>
      </nav>
    </header>
    <main>
      <div class="main">
        <a href="">
          <img
            src="http://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/header/sprite.png"
            alt=""
          />
        </a>
        <div>
          <div class="search-shopcar">
            <div class="search">
              <input type="text" placeholder="XXX" />
              <div class="iconfont icon-zhaoxiangji"></div>
              <div class="iconfont icon-sousuo"></div>
            </div>
            <div class="shopcar">
              <div class="iconfont icon-gouwuche"></div>
              <div class="shopnum">0</div>
              <a href="">我的购物车</a>
            </div>
          </div>
          <div class="search-bottom1">
            <ul>
              <li><a href="">家具神卷日</a></li>
              <li><a href="">手机</a></li>
              <li><a href="">户外仪表</a></li>
              <li><a href="">领券减60</a></li>
              <li><a href="">88购物节</a></li>
              <li><a href="">电脑免息</a></li>
              <li><a href="">奥迪</a></li>
              <li><a href="">薇诺娜</a></li>
              <li><a href="">车主福利</a></li>
            </ul>
          </div>
          <nav class="search-bottom2">
            <ul>
              <li><a href="">秒杀</a></li>
              <li><a href="">优惠券</a></li>
              <li><a href="">PLUS会员</a></li>
              <li><a href="">品牌闪狗</a></li>
              <li><a href="">拍卖</a></li>
              <li><a href="">京东家电</a></li>
              <li><a href="">京东超市</a></li>
              <li><a href="">京东生鲜</a></li>
              <li><a href="">京东国际</a></li>
              <li><a href="">京东金融</a></li>
            </ul>
          </nav>
        </div>
        <a href="" class="adv-a">
          <img
            src="https://img30.360buyimg.com/babel/jfs/t1/120304/39/8445/29305/5f22ac0dEfb177910/8b695190c0141c08.png.webp"
            alt=""
          />
        </a>
      </div>
    </main>
  </body>
  <script src="js/myjq.js"></script>
  <style>
    .comm-shop{
      position: absolute;
      top:-9px;
      margin-left:-1px !important;
      left: 0;
      /* width: 81px; */
      height: 200px;
      
      
      box-sizing: border-box;
      display: block !important;
    }
    .comm-shop .tit{
      height: 30px;
      width: 81px;
      background-color: #fff;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      display: block !important;
      margin-left:0 !important
    }
    .comm-shop .item{
      height: 94px;
      width: 157px;
      background-color: #fff;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      border-bottom: 1px solid #cdcdcd;
      display: block !important;
      margin-left:0 !important
    }
    .comm-shop.hide{
      display: none !important;
    }
  </style>
</html>
